<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>


<style>
	table,tr,td{
		text-align:center;
		border:2px solid lightblue;
		border-collapse:collapse;
		
		font-family:微软雅黑;
		
		font-weight:lighter;
		font-size:20px;
		vertical-align:middle;
		padding:5px;
	}
	th{
		height:35px;
		background-color:rgb(167,201,66);
		color:white;
		font-weight:bloder;
	}
	table{
		width:80%;
	}
	td{
		background-color:rgb(234,242,211);
		font-color:black;
	}
	caption{
		color:black;
		font-size:23px;
		font-weight:bloder;
		padding:3px;
	}
	
	#lightColor td{
		background-color:white;
	}
	a{
		text-decoration:none;
		
	}
	.option{
		content-align:right;
	}
	
	button.deleteBtn{
	
		visibility: hidden;
	
	    padding: 0px;
	    background: content-box;
	    width: 300px;
	    color: white;
	    font-size: 20px;
	    border: 0px;
	    background-color: indianred;
	    border-radius:10px;
	}
	
	button.cancelBtn{
		visibility: hidden;
	    padding: 0px;
	    background: content-box;
	    width: 300px;
	    color: white;
	    font-size: 20px;
	    border: 0px;
	    background-color: cornflowerblue;
	    border-radius:10px;
	}
	
	button.deleteBtn:hover{color: black;background-color: lightblue;border: 0px;}
	button.deleteBtn:active{color: black;background-color: green;border: 0px;}
	button.cancelBtn:hover{color:black;background-color:lightblue;border:0px;}
	button.cancelBtn:active{color:black;background-color:green;border:0px;}
	
	
	a:visited{color:blue;text-decoration:none;}
	a:hover{color:red;text-decoration:underline;}
	a:active{color:green;text-decoration:underline;}
	
	
</style>
<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/goods.js"></script>
<script type="text/javascript">
	function link(url){
		var linkResult = confirm("您确定要删除这个商品吗？");
		if(linkResult){
			alert("删除成功！");
			window.location.href=url;
		}else{
			window.location.href="#";
		}
	}
</script>

</head>
<body>
<div align="center">

	<div>
		<div class="option" >
		<input type='checkbox'id='checkAll'/>全选/全反选 <br/>
		<!-- <a href="../goods_DeleteServlet?gId=1"><button id="delete" >删除</button></a> -->
		<button id="deleteBatch">批量删除</button>
	</div>
	<div>
		<p id="find">点我查询。</p>
	</div>
	
	<!--隐藏标签：删除  -->
	<div>
		<div id="hiddenButton" >
			<button id="delete" class="deleteBtn">  
				删除
			</button> 
			<button id="cancel" class="cancelBtn">  
				取消
			</button>
		</div>
	</div>
	
</div>
</body>
</html>